<template>
  <div class="layout">
    <img :src="img"/>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    /** kebab-case */
    name: 'customer-service',

    data() {
      return {
        img: 'http://dncake.oss-cn-hangzhou.aliyuncs.com/user/customer.png'
      };
    },
    /** 在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板和 JSX 中应该始终使用 kebab-case。
     String/Number/Boolean/Function/Object/Array/Symbol */
    props: {},

    components: {
    },

    methods: {
    },
    created() {
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../assets/stylus/main.styl";
  .layout
    flex-y()
    width 100vw
    overflow hidden
    height vw(785)
    -webkit-user-select text
    img
      width 100%
      height 100%
      -webkit-touch-callout behavior!important
      -webkit-user-select text!important
</style>
